<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        /* 
            https://developer.mozilla.org/zh-CN/docs/Web/JavaScript
            Array.isArray()
                - 用来检查一个对象是否是数组

            .at()
                - 可以根据索引获取数组中的指定元素
                - at 可以接受负数索引

            .concat()  非破坏性
                - 用来连接两个或多个数组
        */
        const arr1 = ["孙悟空", "唐僧", "沙悟净", "孙悟空", "猪八戒", "孙悟空"];
        const arr2 = ["白骨精", "蜘蛛精", "玉兔精", "嫦娥"];

        const arr3 = arr1.concat(arr2);
        console.log(arr1);
        console.log(arr2);
        console.log(arr3);

        /* 
            indexOf()
                - 用来查找某个元素在数组中第一次出现的索引
                - 如果数组中没有该元素，则返回-1
                - 参数
                    1. 要查找的元素
                    2. 开始查找的索引

            lastIndexOf()
                - 获取元素在数组中最后一次出现的位置
        */

        let result = arr1.indexOf("孙悟空");
        console.log(result);

        result = arr1.indexOf("孙悟空", 2);
        console.log(result);

        result = arr1.lastIndexOf("孙悟空");
        console.log(result);

        /* 
            join()  非破坏性方法
                - 将数组中的元素连接成一个字符串

                - 参数
                    1. 连接的字符串

                - 返回值
                    连接后的字符串
        */

        result = arr1.join("-");
        console.log(result);
        console.log(arr1);

        /* 
            slice()  非破坏性方法
                - 截取数组的元素

                - 参数
                    1. 开始索引
                    2. 结束索引

                - 返回值
                    截取的数组
        */
        result = arr1.slice(1, 3);
        console.log(result);

    </script>
</head>
<body>
    
</body>
</html>